<template>
  <div class="details">
    <div style="text-align: center;height:50px;line-height: 50px;">维修单生成表格</div>
    <van-cell-group>
      <van-field v-model="value"
                 label="报修设备："
                 placeholder="xxx" />
      <van-field v-model="value2"
                 label="紧急程度："
                 placeholder="xxx" />
      <van-field v-model="value3"
                 label="故障类型："
                 placeholder="xxx" />
      <van-field v-model="value4"
                 label="是否保修："
                 placeholder="xxx" />
      <van-field v-model="value5"
                 label="故障现象："
                 placeholder="xxx" />
    </van-cell-group>
    <button style="margin: 7px auto;display: flex;"
            size="large">提交</button>
  </div>
</template>
<script>
import Vue from 'vue'
import { Field } from 'vant'

Vue.use(Field)
export default {
  data() {
    return {
      value: '',
      value2: '',
      value3: '',
      value4: '',
      value5: ''
    }
  }
}
</script>
<style>
.details {
  width: 100%;
  height: 800px;
  background-color: #ccc;
}
.van-cell {
  font-size: 18px;
  height: 100px;
  line-height: 100px;
}
</style>